<template>
    <div class="work2">
        <p>Work2 测试</p>
        <!-- 如果数据类型是字符串/数组,前面必须加 : 为动态 -->
        <!-- 驼峰形式的props,传值的时候写成“-”连接的小写字母形式 -->
        <work-box :prop1="123" :prop3="['a']" my-value="abcdefg" :prop5="'a'" />
        <!-- <WorkBox /> -->
        <button @click="isShow=true">面试</button>
        <confirm-box :show="isShow" msg="删除操作不可恢复,确定删除吗?" :show-cancel="false"  @confirm="isShow=false" /> 
    </div>
</template>

<script>//导入时路径的@表示src路径,是个简写

import WorkBox from '@/components/WorkBox.vue'
    export default {
        // components:{
        //     'work-box':WorkBox
        // },
        //简写为：
        components:{WorkBox},
        data(){
            return {
                isShow:false
            }
        }
    }
</script>

<style lang="sass" scoped>
// scoped 样式作用域

</style>